<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <!--
            在网页中HTML专门用来负责网页的结构
                所以在使用html标签时，应该关注标签的语义，而不是它的样式。

                标题标签:
                    h1 ~ h6 一共六级标题
                    从h1 ~ h6 重要性递减，h1最重要，h6最不重要
                    h1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1
                    一般情况下标题标签只会使用到h1~h3,h4~h6很少用
                    
                    标题标签都是块元素

                    在页面中独占一行的元素称为块元素(block element)
            -->
        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>


        <!-- 
            hgroup标签用来为标题分组，可将一组相关的标题同事放入到hgroup
         -->
        <hgroup>
            <h1>回乡偶书二首</h1>
            <h2>其一</h2>
        </hgroup>

        <!--  -->
        <h1>我的好老师</h1>


        <!-- 在p标签中的内容
            p也是一个块元素
        -->
        <p>在p标签中的内容就表示一个段落</p>


        <!--    em标签用于语音语调的一个加重

            在页面中不会独占一行的元素称为行内元素
            -->
        <p>今天天气<em>真</em>不错!</p>


        <!--    strong标签
                表示强调，重要内容!
            -->
        <p>今天你<strong>必须要完成作业</strong></p>

        鲁迅说:
        <!--   blockquote表示一个长引用     -->
        <blockquote>
            这句话我是从来没有说过的!
        </blockquote>

        <!--   换行标签  br   -->
        <br />


        <!--
            q表示一个短引用
            行内元素，没有换行
        -->
        子曰<q>学而实习之，乐呵乐呵</q>

    </body>
</html>